<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <title>站内信</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css?v=_VERSION_" />
    <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script language="javascript" type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
</head>
<body>



    <!--js tab 切换-->
    <script type="text/javascript">
        //                function showrord(showrordid,e){
        //                    me = $(e);
        //                    $(' .titlep a').removeClass('act');
        //                    me.addClass('act');
        //                    $('.recotab' + showrordid).show().siblings('.contectp2').hide();
        //                }
        $(function(){
            $(".titlep a").click(function(){
                var indexs =$(this).index();
                $(this).addClass("act").siblings("a").removeClass("act")
                console.log(parseInt(indexs+1))
                $(".titlepbox .contectp2:nth-child("+parseInt(indexs)+")").show().siblings().hide()
            })
        })
    </script>

<div class="mail-main">

    <div class="mainp-info">
        <div class="titlep">
            <span class="lintp"></span>
            <a  title="站内消息" class="act" style="cursor: pointer;">站内消息<em></em></a>
            <a  title="发送历史" style="cursor: pointer;">发送历史<em></em></a>
        </div>
        <div class="titlepbox">

            <div class="contectp2 recotab" style="display: block;">
                <div class="dplisbf">
                    <div class="lsit">
                        <span class="text">发送标题</span>
                        <label class="lab1">
                            <input type="text" id="" />
                        </label>
                        <label>
                            <input type="radio" id="" value="1" name="name1" />
                            <span>合作伙伴</span>
                        </label>
                        <label>
                            <input type="radio" id="" value="1" name="name1" />
                            <span>客户</span>
                        </label>
                    </div>
                    <div class="lsit">
                        <span class="text">发送内容</span>
                        <label class="lab1">
                            <textarea id="" rows="" cols=""></textarea>
                        </label>
                        <label for="">
                            <a href="" title=""  class="send">发送</a>
                        </label>
                    </div>
                </div>
            </div>

            <div class="contectp2 recotab2">
                <div class="tavle-tap">
                    <table>
                        <tbody><tr>
                            <th>发送时间</th>
                            <th>发送对象</th>
                            <th width="50%">发送内容</th>
                            <th>发送状态</th>
                        </tr>
                        <tr>
                            <td>2017-01-01 11:12:34</td>
                            <td>客户-丽丽</td>
                            <td>
                                <p class="p1">斗转星移，光阴荏苒，时间在不断地飞度，日子在不断地飞扬，伴随着夏天的钟声在敲响，农忙的收获大踏步而来；我们除了欣喜，而心中更充满对秋收的憧憬和希望。</p>
                            </td>
                            <td><span>已发送</span></td>
                        </tr>
                        <tr>
                            <td>2017-01-01 11:12:34</td>
                            <td>客户-丽丽</td>
                            <td>
                                <p class="p1">斗转星移，光阴荏苒，时间在不断地飞度，日子在不断地飞扬，伴随着夏天的钟声在敲响，农忙的收获大踏步而来；我们除了欣喜，而心中更充满对秋收的憧憬和希望。</p>
                            </td>
                            <td><span>已发送</span></td>
                        </tr>
                        <tr>
                            <td>2017-01-01 11:12:34</td>
                            <td>客户-丽丽</td>
                            <td>
                                <p class="p1">斗转星移，光阴荏苒，时间在不断地飞度，日子在不断地飞扬，伴随着夏天的钟声在敲响，农忙的收获大踏步而来；我们除了欣喜，而心中更充满对秋收的憧憬和希望。</p>
                            </td>
                            <td><span>已发送</span></td>
                        </tr>
                        <tr>
                            <td>2017-01-01 11:12:34</td>
                            <td>客户-丽丽</td>
                            <td>
                                <p class="p1">斗转星移，光阴荏苒，时间在不断地飞度，日子在不断地飞扬，伴随着夏天的钟声在敲响，农忙的收获大踏步而来；我们除了欣喜，而心中更充满对秋收的憧憬和希望。</p>
                            </td>
                            <td><span>已发送</span></td>
                        </tr>
                        <tr>
                            <td>2017-01-01 11:12:34</td>
                            <td>客户-丽丽</td>
                            <td>
                                <p class="p1">斗转星移，光阴荏苒，时间在不断地飞度，日子在不断地飞扬，伴随着夏天的钟声在敲响，农忙的收获大踏步而来；我们除了欣喜，而心中更充满对秋收的憧憬和希望。</p>
                            </td>
                            <td><span>已发送</span></td>
                        </tr>
                        <tr>
                            <td>2017-01-01 11:12:34</td>
                            <td>客户-丽丽</td>
                            <td>
                                <p class="p1">斗转星移，光阴荏苒，时间在不断地飞度，日子在不断地飞扬，伴随着夏天的钟声在敲响，农忙的收获大踏步而来；我们除了欣喜，而心中更充满对秋收的憧憬和希望。</p>
                            </td>
                            <td><span>已发送</span></td>
                        </tr>
                        </tbody></table>
                </div>
                <div class="listy-pages">
                    <div class="page-module">
                        <ul style="width: 430px;">
                            <li>上一页</li>
                            <li class="">1</li>
                            <li class="act">2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>...</li>
                            <li>99</li>
                            <li>下一页</li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>

    </div>


</div>


</body>
</html>